<template>

    <!--创建异步组件
          作用：直观的作用： 当这个页面（项目的首页），没有加载出来， 提示的效果，当这个页面（项目的首页）
          加载完毕 =》显示这个页面

           本质：将这个项目  划分=》 通过异步组件 =》本质就是分包 =》打包的时候体现
        
        -->
    <Suspense>
        <!-- 具有深层异步依赖的组件 -->
        <AyLogin  />

        <!-- 在 #fallback 插槽中显示 “正在加载中” -->
        <template #fallback>
             <Loading></Loading>
        </template>
    </Suspense>

</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue'
import Loading from '@/views/Loading/index.vue'
// 作用 =》返回一个异步组件

let AyLogin = defineAsyncComponent(() => import('@/views/Login/index.vue')) 


// 去到我们这个 路由表 =》改根据路由匹配的地址
</script>

<style>

</style>